<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/pc_reset2016.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/yui.css">
	<link rel="stylesheet" href="font/iconfont.css">	
</head>
<body>

<div class="main clear">
	<section>
		<h2>系统代码：</h2>
		<div class="yui-select"></div>
	</section>
	<div class="tree-box"></div>
</div>	
	
<script src="js/jquery1.9.1.min.js"></script>
<script src="js/data.js"></script><!--用户数据导入-->
<script src="js/modules/yui-select.js"></script>
<script src="js/yui.js"></script>
<script>
$(function(){
	$(".yui-select").selectUI({
		change: function(value,text){
			if(value == 0){
				$('.tree-box div').show();
			}else{
				$('#tree'+(value-1)).show().siblings('div').hide();
			}
			console.log("这是回调函数，选中的值："+value+" \n选中的下拉框文本："+text);
		}		
	});
})	
</script>
</body>
</html>